{extend name="desktop/common/base" /}
{block name="seo"}
<title>{$BaseSetting.title} - mintHouz</title>
<meta name="description" content="{$BaseSetting.description}">
<meta name="keywords" content="{$BaseSetting.keywords}">
<style>
    .list-page {text-align:center;padding: 15px 15px;}
    .mws-panel-content {background: #eee;}
    .pagination {margin:0 !important;padding: 10px 10px;box-shadow: 0px 1px 2px 0px #E2E2E2;background: #fff;}
    .pagination li{border:1px solid #e6e6e6;padding: 3px 15px;display: inline-block;}
    .pagination .active{background-color: #46A3FF;color: #fff;}
    .pagination .disabled{color: #aaa;}
</style>
{/block}
{block name="style"}
<link rel="stylesheet" href="{{frontend}}/desktop/css/page/Product-list.css">
<!--<link rel="stylesheet" href="{{frontend}}/desktop/css/page/paginate.css">-->
{/block}

{block name="body"}
<div class="g-path">
    <div class="common-width">
        <ul>
            {volist name="parent_path" id="lo"}
            {if condition="$lo.is_parent==1"}
            <li class="path-item"><a href="/{$code}/product/dataByCategory/category_id/{$lo.id}">{$lo.name}</a></li>
            {else}
            <li class="path-item"><a href="/{$code}/product/dataByCategory/category_id/{$lo.id}">{$lo.name}</a></li>
            {/if}
            {/volist}
        </ul>
    </div>
</div>

<!-- 二级筛选-->
{notempty name="cateDate"}
<div class="category-select">

    <ul class="category-select-box  common-width">
        {volist name="cateDate" id="vo"}
        <li class="category-select-item">
            <a href="/{$code}/product/dataByCategory/category_id/{$vo.id}'">
                <img src="{$vo.image_path}" alt="">
                <span>{$vo.name}</span>
            </a>
        </li>
        {/volist}
    </ul>

</div>
{/notempty}


<!--产品页-->

<div class="product-container">
    <div class="product-box common-width">
        {volist name="data" id="mo"}
        <div class="product-list ">
            <div class="list-item">
                <a href="/{$code}/product/{$mo.url_title}/detail.html" title="{$mo.title}">
                    <img src="{$mo.thumbnail}" alt="">
                    <p>{$mo.title}</p>
                </a>
            </div>
        </div>
        {/volist}
    </div>
    <div align="center">
        {$page|raw}
    </div>
</div>
{/block}
<!--产品页-->

<!--私有业务开始-->
{block name="javascript"}
<script>
    $(function () {
        $('.product-container .product-list .title h3').click(function () {
            $(this).parent('.title').siblings('.list-box').stop(true, false).slideToggle();
            $(this).find('.iconfont').toggleClass("iconarrow-down").toggleClass("iconarrow-up");
        })
    })


</script>

{/block}
<!--私有业务结束-->
